<template>
  <yd-navbar class="textHeader" height="0.96rem" :bgcolor="bgcolor" >
    <router-link :to="topath" slot="left">
        <yd-navbar-back-icon class="indexheader-font" :color="color||'#fff'">{{title}}</yd-navbar-back-icon>
    </router-link>
  </yd-navbar>
</template>

<script>
export default {
  name: 'textHeader',
  props:['title','bgcolor','topath','color']
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
@import "../style/public.scss";
  .textHeader{
    .yd-navbar-item:first-child{
      padding:0 rem(20);
    }
    .indexheader-font{
      font-size:rem(32);
      color:#fff;
      i{
        margin-right:rem(18);
      }
    }
  }
</style>
